<script setup lang="ts">
import '@/assets/style/sites/base.scss'
import '@/assets/style/sites/index.scss'

// 加载当前语言类型的所有语言包
await useLangStore().setLang()

const userStore = useUserStore()

const systemStore = useSystemStore()

initApo()
</script>

<template>
  <div id="app">
    <!-- 初始页 每次刷新页面都会出现 -->
    <InitPage v-if="systemStore.showInitPage" />

    <!-- 路由 -->
    <NuxtPage keepalive />

    <!-- 全局任何位置都可能出现的弹窗 -->

    <!-- 登录状态的弹窗 -->
    <template v-if="userStore.isLogin">
      <!-- 用户个人中心 -->
      <User />
      <!-- 钱包 -->
      <Carteira />
    </template>

    <!-- 未登录状态弹窗 -->
    <template v-if="!userStore.isLogin">
      <!-- 登录 -->
      <Login />
    </template>
    <!-- 底部菜单 -->
    <TabBar />
  </div>
</template>

<style></style>
